.section-contact {
    background: #282c48 url('./_imgs/final_bg.jpg') center bottom / cover
        no-repeat;

    .inner {
        padding-top: $header-height;
    }

    .section-title {
        margin: px2rem(48px auto 0);
        font-size: 42px;
        font-weight: normal;
        line-height: 1;
        text-align: center;
        color: #fff;
    }

    .contact {
        display: flex;
        margin: px2rem(360px auto 0);
        width: px2rem(1100px);
        height: px2rem(72px);
        justify-content: space-around;
        align-items: center;
        font-size: px2em(16);
        line-height: px2rem(24px);
        color: #fff;
        border: 1px solid rgba($color: #fff, $alpha: 0.7);
        border-radius: px2em(72px, 16);

        > div {
            display: flex;
            align-items: center;
            &:last-child {
                img {
                    height: px2rem(22px);
                }
            }
        }

        img {
            margin-right: px2rem(20px);
            height: px2rem(30px);
        }

        p {
            margin: 0;
        }
    }

    .dialog-body {
        display: flex;
        flex-direction: column;
    }

    .recruit-scroller {
        flex: 1;
    }

    .open-recruit {
        @extend %clear-btn;
        display: block;
        margin: px2rem(85px) auto auto;

        > img {
            display: block;
            width: px2rem(273px);
        }
    }

    .recruit-item {
        margin: auto;
        width: 800px;

        &:not(:last-child) {
            border-bottom: 1px solid #ddd;
        }
    }

    .recruit-job {
        font-size: 18px;
        line-height: 26px;
        color: #282c48;
    }

    .recruit-requirements,
    .recruit-responsibility {
        font-size: 14px;
        line-height: 24px;
        color: #3a3a3a;
    }

    .workplace {
        font-size: 14px;
        line-height: 30px;
        color: #545864;

        > span:first-child {
            margin-right: 1em;
            padding: .2em 4em .2em .65em;
            color: #fff;
            background: #4e8cf6;
        }
    }

    .upload-intro-btn {
        @extend %clear-btn;
        display: block;
        position: relative;
        margin: auto 0 auto auto;
        padding: 0 1.5em;
        font-size: 20px;
        line-height: 40px;
        text-align: center;
        color: #fff;
        background: #282c48;
        overflow: hidden;

        > input[type=file] {
            position: absolute;
            left: 0;
            right: 0;
            top: 0;
            bottom: 0;
            opacity: 0;
            cursor: pointer;
        } 
    }
}
